<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="../css/header.css"/>
		<link rel="stylesheet" type="text/css" href="../css/footer.css"/>
		<link rel="stylesheet" type="text/css" href="../css/main/index2.css"/>
	</head>
	<body>
		<header>
			<!--logo-->
			<div class="logo">
				<div class="img-warp"><img src="../img/logo_03.png"/></div>
			</div>
			<!--导航栏-->
			<div class="navbar">
				<ul>
					<li><a href="index.html">首页</a></li>
					<li><a href="shopindex.html">骑行</a></li>
					<li><a href="index2.html">铁三</a></li>
					<li><a href="index2.html">跑步</a></li>
					<li><a href="index2.html">设计师入驻</a></li>
					<li><a href="shoplist.html">品牌专区</a></li>
				</ul>
			</div>
			<!--搜索栏-->
			<form action="" method="post">
				<div class="search">
					
					<input type="text" name="search" id="search"  />
					<div class="tijiao">
						<input type="image" src="../img/fangdajing_03.png" />
					</div>
				</div>
				
			</form>
			<!--购物车-->
			<div class="buycar">
				<a href="#"><img src="../img/buycar_03.png"/></a>	
			</div>
			<!--登录-->
			<div class="login">
				<a href="../orders.html"><img src="../img/man_02.png"/></a>
			</div>
			<!--在线客服-->
			<div class="online">
				<div class="online-content">
					<a href="#">
						<img src="../img/pang_03.png"/>
						<p>在线客服</p>
						<div class="clearfix"></div>
					</a>
					
				</div>
			</div>
			<!--更换字体-->
			<div class="changefont">
				<a href="#"><div class="changefont-content">CH</div></a>
			</div>
			
			<!--清浮动-->
			<div class="clearfix"></div>
		</header>
		
		<section>
			<!--轮播图-->
			<div class="banner">
				<!--上部-->
				<div class="banner-warp"><img src="../img/main/index2/banner_02.png"/></div>
				<!--底部-->
				<div class="banner-bottom">
					<!--切换小图-->
					
					<div class="bannercell mask fl">
						<img src="../img/main/index2/banner1_05.png"/>
						
					</div>
					<!--小图结束-->
					<!--切换小图-->
					
					<div class="bannercell fl">
						<img src="../img/main/index2/banner2_05.png"/>
						
					</div>
					<!--小图结束-->
					<!--切换小图-->
					
					<div class="bannercell mask fl">
						<img src="../img/main/index2/banner3_05.png"/>
						
					</div>
					<!--小图结束-->
					
					<!--切换小图-->
					
					<div class="bannercell mask fl">
						<img src="../img/main/index2/banner4_05.png"/>
						
					</div>
					<!--小图结束-->
					<!--切换小图-->
					
					<div class="bannercell mask fl">
						<img src="../img/main/index2/banner5_05.png"/>
						
					</div>
					<!--小图结束-->
					<div class="clearfix"></div>
				</div>
			</div>
			<!--轮播图结束-->
			
			<!--产品推荐-->
			<div class="pro-rec">
				<div class="title">产品推荐</div>
				
				<!--产品轮播图-->
			<div class="pro-banner">
				<div class="left-w fl"><img src="../img/main/index2/bannerleft_17.png"/></div>
				
				<div class="pro-cell1 fl">
					<div class="img-warp"><img src="../img/main/shouye/tuijain1_03.png"/></div>
					<p>竞技版骑行上衣</p>
					<p>￥299</p>
				</div>
				
				<div class="pro-cell2 fl">
					<div class="img-warp"><img src="../img/main/index2/pro2_03.png"/></div>
					<p>普通版骑行上衣</p>
					<p>￥299</p>
				</div>
				
				<div class="pro-cell3 fl">
					<div class="img-warp"><img src="../img/main/index2/pro3_03.png"/></div>
					<p>竞技版背带骑行裤</p>
					<p>￥299</p>
				</div>
				
				<div class="pro-cell4 fl">
					<div class="img-warp"><img src="../img/main/index2/pro4_03.png"/></div>
					<p>竞技版背带骑行裤</p>
					<p>￥299</p>
				</div>
				
				<div class="right-w fr"><img src="../img/main/index2/bannerright_20.png"/></div>
				
				<div class="clearfix"></div>
			</div>
			</div>
			
			<a href="#"><div class="new"><img src="../img/main/index2/new_05.png"/></div></a>
			
			<!--定制骑手服-->
			<div class="ride">
				<div class="title">定制骑行服</div>
				
				<!--内容-->
				<div class="content">
					<!--分类-->
					<div class="fenlei fl">
						<!--裤子-->
						<div class="shangyi cell-warp" title="上衣">
							<img src="../img/main/index2/shangyi.png"/>
							<!--大标题-->
							<div class="bigtitle shangyibt">上衣</div>
							<!--可点击-->
							<div class="cellclick shangyick">
								<!--可点击内容-->
								<div class="cellclickcell shangyickc">
									<a href="#">短袖</a>
								</div>
								<div class="cellclickcell shangyickc">
									<a href="#">防风袖</a>
								</div>
								<div class="cellclickcell shangyickc">
									<a href="#">长袖</a>
								</div>
								<div class="cellclickcell shangyickc">
									<a href="#">防风马甲</a>
								</div>
								<div class="cellclickcell shangyickc">
									<a href="#">儿童版短袖</a>
								</div>
								<div class="cellclickcell shangyickc">
									<a href="#">T恤</a>
								</div>
								<div class="cellclickcell shangyickc">
									<a href="#">儿童版长袖</a>
								</div>
								<div class="cellclickcell shangyickc">
									<a href="#">POLO</a>
								</div>
							</div>
						</div>
						<!--裤子-->
						<div class="pan fl " title="裤子">
							<img src="../img/main/index2/pan_03.png"/>
							<div class="bigtitle panbt">裤子</div>
							<div class="cellclick panck">
								<div class="cellclickcell panckc">
									<a href="#">短裤</a>
								</div>
								<div class="cellclickcell panckc">
									<a href="#">长裤</a>
								</div>
							</div>
							
						</div>
						<!--套装-->
						<div class="suit fl" title="套装">
							<img src="../img/main/index2/套装_03.png"/>
							<div class="bigtitle suitbt">套装</div>
						</div>
					
						
						
						
						<div class="clearfix"></div>
					</div>
					<!--衣服板块-->
					<div class="rideclothes fl">
						<!--衣服单位-->
						<div class="zoomIn indexcell indexcell1">
							<div class="img-w" title="男士骑行上衣">
								<img src="../img/main/index2/indexride1_03.png"/>
							</div>
							<p>男士骑行上衣</p>
							<a href="#">
								<div class="cellbtm"><span>￥299</span>
								
									<div class="nowmake">
										<img src="../img/main/shouye/ranbow_17.png"/>
										&nbsp;&nbsp;立刻定制
									</div>
								
								</div>
							</a>
							
						</div>
						<!--衣服单位结束-->
						<!--衣服单位-->
						<div class="zoomIn indexcell indexcell2">
							<div class="img-w" title="男士骑行上衣">
								<img src="../img/main/index2/ridecloth2_03.png"/>
							</div>
							<p>男士骑行上衣</p>
							<a href="#">
								<div class="cellbtm"><span>￥299</span>
								
									<div class="nowmake">
										<img src="../img/main/shouye/ranbow_17.png"/>
										&nbsp;&nbsp;立刻定制
									</div>
								
								</div>
							</a>
							
						</div>
						<!--衣服单位结束-->
						<!--衣服单位-->
						<div class="zoomIn indexcell indexcell3">
							<div class="img-w" title="男士骑行上衣">
								<img src="../img/main/shopindex/shopindex3_05.png"/>
							</div>
							<p>男士骑行上衣</p>
							<a href="#">
								<div class="cellbtm"><span>￥299</span>
								
									<div class="nowmake">
										<img src="../img/main/shouye/ranbow_17.png"/>
										&nbsp;&nbsp;立刻定制
									</div>
								
								</div>
							</a>
							
						</div>
						<!--衣服单位结束-->
						<!--衣服单位-->
						<div class="zoomIn indexcell indexcell4">
							<div class="img-w" title="男士骑行上衣">
								<img src="../img/main/index2/rideclothes4_11.png"/>
							</div>
							<p>男士骑行上衣</p>
							<a href="#">
								<div class="cellbtm"><span>￥299</span>
								
									<div class="nowmake">
										<img src="../img/main/shouye/ranbow_17.png"/>
										&nbsp;&nbsp;立刻定制
									</div>
								
								</div>
							</a>
							
						</div>
						<!--衣服单位结束-->
						<!--衣服单位-->
						<div class="zoomIn indexcell indexcell5">
							<div class="img-w" title="男士骑行上衣">
								<img src="../img/main/index2/rideclothes5_11.png"/>
							</div>
							<p>男士骑行上衣</p>
							<a href="#">
								<div class="cellbtm"><span>￥299</span>
								
									<div class="nowmake">
										<img src="../img/main/shouye/ranbow_17.png"/>
										&nbsp;&nbsp;立刻定制
									</div>
								
								</div>
							</a>
							
						</div>
						<!--衣服单位结束-->
						<!--衣服单位-->
						<div class="zoomIn indexcell indexcell6">
							<div class="img-w" title="男士骑行上衣">
								<img src="../img/main/index2/rideclothes6_11.png"/>
							</div>
							<p>男士骑行上衣</p>
							<a href="#">
								<div class="cellbtm"><span>￥299</span>
								
									<div class="nowmake">
										<img src="../img/main/shouye/ranbow_17.png"/>
										&nbsp;&nbsp;立刻定制
									</div>
								
								</div>
							</a>
							
						</div>
						<!--衣服单位结束-->
						
					</div>
					<!--衣服板块结束-->
					
					<div class="clearfix"></div>
				</div>

				
			</div>
			
			<!--跑步服-->
			<div class="runclothes">
				<div class="title">定制跑步服</div>
				<!--内容-->
				<div class="content">
					<!--裤子-->
					<div class="pan fl">
						<!--男装-->
						<div class="man fl">
							<img src="../img/main/index2/images/manpan_24.png" title="男装"/>
							<div class="bigtitle runbt">男装</div>
							<!--可点击-->
							<div class="cellclick runck">
								<!--可点击内容-->
								<div class="cellclickcell runckc">
									<a href="#">跑步服</a>
								</div>
								<div class="cellclickcell runckc">
									<a href="#">跑步短裤</a>
								</div>
								
							</div>
						</div>
						<!--女装-->
						<div class="girl fl">
							<img src="../img/main/index2/images/girl_24.png" title="男装"/>
							<div class="bigtitle runbt">女装</div>
							<!--可点击-->
							<div class="cellclick runck">
								<!--可点击内容-->
								<div class="cellclickcell runckc">
									<a href="#">跑步服</a>
								</div>
								<div class="cellclickcell runckc">
									<a href="#">跑步短裤</a>
								</div>
								
							</div>
						</div>
						
						
						
						
						<div class="clearfix"></div>
					</div>
					<!--衣服-->
					<div class="clothes fl">
						<!--衣服单位-->
						<div class="zoomIn indexcell indexcell1">
							<div class="img-w" title="男士骑行上衣">
								<img src="../img/main/index2/run1_25.png"/>
							</div>
							<p>男士骑行上衣</p>
							<a href="#">
								<div class="cellbtm"><span>￥299</span>
								
									<div class="nowmake">
										<img src="../img/main/shouye/ranbow_17.png"/>
										&nbsp;&nbsp;立刻定制
									</div>
								
								</div>
							</a>
							
						</div>
						<!--衣服单位结束-->
						<!--衣服单位-->
						<div class="zoomIn indexcell indexcell2">
							<div class="img-w" title="男士骑行上衣">
								<img src="../img/main/index2/run2_25.png"/>
							</div>
							<p>男士骑行上衣</p>
							<a href="#">
								<div class="cellbtm"><span>￥299</span>
								
									<div class="nowmake">
										<img src="../img/main/shouye/ranbow_17.png"/>
										&nbsp;&nbsp;立刻定制
									</div>
								
								</div>
							</a>
							
						</div>
						<!--衣服单位结束-->
						<!--衣服单位-->
						<div class="zoomIn indexcell indexcell3">
							<div class="img-w" title="女	士骑行上衣">
								<img src="../img/main/index2/run3_25.png"/>
							</div>
							<p>女士骑行上衣</p>
							<a href="#">
								<div class="cellbtm"><span>￥299</span>
								
									<div class="nowmake">
										<img src="../img/main/shouye/ranbow_17.png"/>
										&nbsp;&nbsp;立刻定制
									</div>
								
								</div>
							</a>
							
						</div>
						<!--衣服单位结束-->
					</div>
					
					<div class="clearfix"></div>
				</div>
			</div>
			
			<!--铁三服-->
			<div class="ironclothes">
				<div class="title">定制铁三服</div>
				<!--内容-->
				<div class="content">
					<!--裤子-->
					<div class="pan fl">
						<!--男装-->
						<div class="man fl">
							<img src="../img/main/index2/ironman_24.png" title="男装"/>
							<div class="bigtitle ironbt">男装</div>
							<!--可点击-->
							<div class="cellclick ironck">
								<!--可点击内容-->
								<div class="cellclickcell ironckc">
									<a href="#">跑步服</a>
								</div>
								<div class="cellclickcell ironckc">
									<a href="#">跑步短裤</a>
								</div>
								
							</div>
						</div>
						<!--女装-->
						<div class="girl fl">
							<img src="../img/main/index2/irongirl_26.png" title="女装"/>
							<div class="bigtitle ironbt">女装</div>
							<!--可点击-->
							<div class="cellclick ironck">
								<!--可点击内容-->
								<div class="cellclickcell ironckc">
									<a href="#">跑步服</a>
								</div>
								<div class="cellclickcell ironckc">
									<a href="#">跑步短裤</a>
								</div>
								
							</div>
						</div>
						
						
						
						
						<div class="clearfix"></div>
					</div>
					<!--衣服-->
					<div class="clothes fl" title="男士骑行上衣">
						<!--衣服单位-->
						<div class="zoomIn indexcell indexcell1">
							<div class="img-w">
								<img src="../img/main/index2/iron1_25.png"/>
							</div>
							<p>男士骑行上衣</p>
							<a href="#">
								<div class="cellbtm"><span>￥299</span>
								
									<div class="nowmake">
										<img src="../img/main/shouye/ranbow_17.png"/>
										&nbsp;&nbsp;立刻定制
									</div>
								
								</div>
							</a>
							
						</div>
						<!--衣服单位结束-->
						<!--衣服单位-->
						<div class="zoomIn indexcell indexcell2">
							<div class="img-w" title="男士骑行上衣">
								<img src="../img/main/index2/iron2_24.png"/>
							</div>
							<p>男士骑行上衣</p>
							<a href="#">
								<div class="cellbtm"><span>￥299</span>
								
									<div class="nowmake">
										<img src="../img/main/shouye/ranbow_17.png"/>
										&nbsp;&nbsp;立刻定制
									</div>
								
								</div>
							</a>
							
						</div>
						<!--衣服单位结束-->
						<!--衣服单位-->
						<div class="zoomIn indexcell indexcell3">
							<div class="img-w" title="女士骑行上衣">
								<img src="../img/main/index2/run3_25.png"/>
							</div>
							<p>女士骑行上衣</p>
							<a href="#">
								<div class="cellbtm"><span>￥299</span>
								
									<div class="nowmake">
										<img src="../img/main/shouye/ranbow_17.png"/>
										&nbsp;&nbsp;立刻定制
									</div>
								
								</div>
							</a>
							
						</div>
						<!--衣服单位结束-->
					</div>
					
					<div class="clearfix"></div>
				</div>
			</div>
			
			<!--休闲服-->
			<div class="relax">
				<div class="title">定制休闲款</div>
				<!--内容-->
				<div class="content">
					<div class="warp fl warp1">
						<a href="#"><img src="../img/main/index2/relax1_41.png"/></a>
					</div>
					<div class="warp fl warp2">
						<a href="#"><img src="../img/main/index2/relax2_41.png"/></a>
					</div>
					<div class="warp fl warp3">
						<a href="#"><img src="../img/main/index2/relax3_41.png"/></a>
					</div>
					<div class="fl warp4">
						<a href="#"><img src="../img/main/index2/relax4_41.png"/></a>
						<a href="#"><img src="../img/main/index2/relax5_41.png" title="更多"/></a>
					</div>
					
					
					<div class="clearfix"></div>
				</div>
				
			</div>
			
			<!--品牌专区-->
			<div class="brand">
				<div class="title">品牌专区</div>
				<div class="content">
					<div class="sentic fl">
						<img src="../img/main/index2/brand1_49.png"/>
						<div class="swarp"></div>
						<div class="logo"><img src="../img/main/index2/senticlogo_49.png" alt="" /></div>
						<p>森地客(Santic)是厦门森地客户外用品有限公司的中英文商标。森地客凭借着十多年给国外各大骑行装备品牌做贴牌制造的经验，于2004年开始为欧洲、北美、东南亚的骑行爱好者提供森地客Santic专业级骑行服装、骑行鞋及相关专业骑行配件。目前在... </p>
						<a href="#"><div class="more">了解更多</div></a>
					</div>
					<div class="right fl">
						<div class="beats fl"><a href="#"><img src="../img/main/index2/beats_49.png" title="beats"/></a></div>
						<div class="vans fl"><a href="#"><img src="../img/main/index2/vans_49.png" title="vans"/></a></div>
						<div class="nike fl"><a href="#"><img src="../img/main/index2/nike_49.png" title="nike"/></a></div>
						<div class="ape fl"><a href="#"><img src="../img/main/index2/apes_49.png" title="ape"/></a></div>
					</div>
					
					<div class="clearfix"></div>
				</div>
			</div>
			
			
			
		</section>
		
		<footer>
			<!--底部logo-->
			<div class="redlogo"><img src="../img/redlogo_03.jpg"/></div>
			<!--底部导航栏-->
			<div class="bottomnav">
				<ul>
					<li><a href="#">新手指南</a></li>
					<li><a href="#">用户注册</a></li>
					<li><a href="#">定制流程</a></li>
				</ul>
				<ul>
					<li><a href="#">付款方式</a></li>
					<li><a href="#">支付方式</a></li>
					<li><a href="#">支付问题</a></li>
					<li><a href="#">常见问题</a></li>
				</ul>
				<ul>
					<li><a href="#">售后服务</a></li>
					<li><a href="#">退款换货</a></li>
					<li><a href="#">配送方式</a></li>
					<li><a href="#">联系我们</a></li>
				</ul>
				<ul>
					<li><a href="#">政策条款</a></li>
					<li><a href="#">服务协议</a></li>
					<li><a href="#">隐私条款</a></li>
					<li><a href="#">版权条款</a></li>
				</ul>
				
			</div>
			
			
			
			<!--清浮动-->
			<div class="clearfix"></div>
			<p class="bottomword">
				<!--底部文案-->
				&copy; 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1
			</p>
		</footer>
	</body>
</html>
